Trennlinien Formatieren

Aus HTML-Sicht werden die Linien mit dem <hr>-Tag erzeugt (hr=horizontal rule). Kit CSS lassen sich Trennlinien auf vielfältiger Weise gestalten.

Einfache Trennlinie Gold:


<hr style="width:80%; color:gold">

Einfache Trennlinie ohne Schatten:


<hr noshade style="color:#ffff00; width:300px; height:6px; border:1px solid #ff00ff;">

Trennlinie mit Schatten

------------------------------------------------------------

<p style="font-size:15px; font-weight:bold; font-family:arial; height:2px; color: goldenrod; filter: shadow (strength=3)">------------------------------------------------------------</p>

Doppelpunkt Trennlinie mit Schatten

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 

<p style="font-size:7px; font-family:arial; height:2px;
color: goldenrod; filter: shadow (strength=3)">::::::::::::::::::::::::::::::::::::::::::::::::</p>

Dreifache Trennlinie

Eine einzige Trennlinie mit HTML zu erzeugen ist einfach. Wer eine dreifache Trennlinie bevorzugt, die dazu noch in jedem Browser bunt dargestellt wird, kann dieses mit CSS realisieren.

                                    

<pre style="text-decoration: underline overline line-through;
color: #FF0000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</pre>

(es können beliebig viele Leerzeichen eingefügt werden)

Datenschutzerklärung
Eigene Webseite erstellen bei Beepworld
 
Verantwortlich für den Inhalt dieser Seite ist ausschließlich der
Autor dieser Homepage, kontaktierbar über dieses Formular!